<div id="nonjob-line2" style="height: 100%">

</div>
<script type="text/javascript">
    $(function () {
        var myChart = echarts.init(document.getElementById('nonjob-line2'), 'macarons');
        var option = {
            title: {
                text: '产出与投入平衡'
                , show: false
            }, grid: {
                top: 20,
                left: 5,
                right: 5,
                bottom: 5,
                containLabel: true
            },
            tooltip: {
                trigger: 'axis',
                formatter: function (params) {
                    return params[0].name + "<br/>" + params[0].value + "%";
                },
                axisPointer: {
                    animation: false
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['一季度', '二季度', '三季度', '四季度'],
                axisLabel: {
                    textStyle:{
                        color:"#595959"
                    }
                },
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
            },
            yAxis: {
                type: 'value',
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    formatter: function(value){
                        var var1=value*1;
                        return var1;
                    },
                    textStyle:{
                        color:"#595959"
                    }
                },
                splitLine:{
                    show:true
                },
                splitArea: {
                    show:true,
                    areaStyle: {
                        color: ['rgba(0,0,0,0)', 'rgba(0,0,0,0)']
                    }
                },

            },
            series: [{
                name: '产出与投入平衡',
                type: 'line',
                showSymbol: false,
                hoverAnimation: false,
                data: [89.2, 77.1, 79.3, 89],
                itemStyle: {
                    normal: {
                        //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                        color: function(params) {
                            // build a color map as your need.
                            var colorList = [
                                '#0fa99d','#d9d9d9','#787473','#c9eee7','#e7a14c',
                                '#4472c4','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                                '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                            ];
                            return colorList[params.dataIndex]
                        },
                        //以下为是否显示，显示位置和显示格式的设置了
                    }}
            }]
        };
        myChart.setOption(option);
    });
</script>


